<template>
    <div class="app-container">
        <div class="search-container">
            <el-form :inline="true" :model="queryParams" label-width="105px">
                <el-form-item label="结账起始时间" prop="beginTime">
                    <el-date-picker v-model="queryParams.beginTime" placeholder="结账起始时间"
                                    type="datetime" value-format="YYYY-MM-DD HH:mm:ss">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="结账截止时间" prop="endTime">
                    <el-date-picker v-model="queryParams.endTime" placeholder="结账截止时间"
                                    type="datetime" value-format="YYYY-MM-DD HH:mm:ss">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="结账号" prop="acctNo">
                    <el-input v-model="queryParams.acctNo" clearable placeholder="请输入结账号"
                              @keyup.enter.native="handleQuery"/>
                </el-form-item>
                <div class="mr10" style="float: right">
                    <query-form-button @handleQuery="handleQuery" @resetQuery="resetQuery"/>
                </div>
            </el-form>
        </div>

    </div>
</template>

<script lang="ts" setup>
const queryParams = ref<any>({})

function handleQuery() {

}

function resetQuery() {

}
</script>


<style scoped>

</style>
